<!-- 注册用户页面 -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>- FooTable</title>
  <meta name="keywords" content="">
  <meta name="description" content="">

  <link rel="shortcut icon" href="favicon.ico">
  <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">
  <link href="../css/plugins/footable/footable.core.css" rel="stylesheet">
  <link href="../css/plugins/iCheck/custom.css" rel="stylesheet">
  <link href="../css/animate.css" rel="stylesheet">
  <link href="../css/style.css?v=4.1.0" rel="stylesheet">
  <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  <link rel="stylesheet" href="../tree/css/zTreeStyle/zTreeStyle.css" type="text/css">
  
  <!-- 全局js -->  
  <script src="../js/jquery.min.js?v=2.1.4"></script>
  <script src="../js/bootstrap.min.js?v=3.3.6"></script>
  <script src="../js/plugins/footable/footable.all.min.js"></script>
  <script src="../js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
  <script src="../js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>

  <script type="text/javascript" src="../tree/js/jquery.ztree.core-3.5.js"></script>
  <script type="text/javascript" src="../tree/js/jquery.ztree.excheck-3.5.js"></script>

  <!-- iCheck -->
  <script src="../js/plugins/iCheck/icheck.min.js"></script>

  <!-- 自定义css、js -->
  <link rel="stylesheet" href="../css/labMgt/self.css">
  <link rel="stylesheet" href="../css/labMgt/modal.css">
  <script src="../js/content/register_user.js"></script>
  <!-- 第三方插件 -->
  <link rel="stylesheet" href="../js/plugins/pace/pace-theme-barber-shop.css">
  <script src="../js/plugins/pace/pace.min.js"></script>

</head>
<body class="gray-bg">
  <div class="wrapper wrapper-content animated fadeInRight">
    <div class="ibox row" style="padding:10px 0;margin:10px 0;">
      <form class="form-horizontal col-sm-12">
        <div class="form-group col-sm-4">
          <label class="col-sm-6 control-label">用户名：</label>
          <div class="col-sm-6 form-group-input">
            <input type="userName" class="form-control"> 
          </div>
        </div>
        <div class="form-group col-sm-4">
          <label class="col-sm-6 control-label">登录名：</label>
          <div class="col-sm-6 form-group-input">
            <input type="loginName" class="form-control">
          </div>
        </div>
        <div class="form-group col-sm-4">
          <label class="col-sm-6 control-label">公民身份证号码：</label>
          <div class="col-sm-6 form-group-input">
            <input type="idCard" class="form-control">
          </div>
        </div>
        <div class="form-group col-sm-4">
          <label class="col-sm-6 control-label">是否在职：</label>
          <div class="col-sm-6 form-group-input">
            <select id="" class="form-control">
              <option>请选择</option>
              <option value="1">是</option>
              <option value="0">否</option>
            </select>
          </div>
        </div>
        <div class="form-group col-sm-4">
          <label class="col-sm-6 control-label">是否虚拟用户：</label>
          <div class="col-sm-6 form-group-input">
            <select id="" class="form-control m-b">
              <option>请选择</option>
              <option value="1">是</option>
              <option value="0">否</option>                    
            </select>
          </div>
        </div>              
      </form>

      <div class=" text-center col-sm-12">
        <button class="btn btn-sm btn-info" type="submit">查 询</button>
        <button class="btn btn-sm btn-white" type="reset">重 置</button>
      </div>
    </div>

    <div class="row" style="margin:10px 0">
      <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#addForm">新 增</button>
      <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#confirm">删 除</button>
      <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#reset-password">重置密码</button>
      <button class="btn btn-sm btn-primary" data-toggle="modal" data-target="#role_modal">分配角色</button>
    </div>
    
    <div class="row">
      <div class="col-sm-12">
        <div id="accordion1" class="ibox float-e-margins">
          <div id="table1" class="ibox-content collapse in" aria-expanded="true">
            <table id="register-user-table" class="footable table table-stripped toggle-arrow-tiny">
              <thead>
                <tr>
                  <th><input type="checkbox" /></th>
                  <th data-field="field1">用户名</th>
                  <th data-field="field2">登录名</th>
                  <th data-field="field3">公民身份证号码</th>
                  <th data-field="field3">电子邮件</th>
                  <th data-field="field3">手机</th>
                  <th data-field="field3">说明</th>
                  <th data-field="checkRecordId" data-formatter="clickOperate">操作</th>
                </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
        </div>        
      </div>
    </div>   
  </div>

  <!-- form 表单弹框 新增addForm start-->
  <div class="modal fade" id="addForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h5 class="modal-title" id="myModalLabel">新增用户</h5>
        </div>
        <div class="modal-body">
          <form>
            <table class="form-table">
              <tbody>
                <tr>
                  <td class="title">用户名称：</td>
                  <td><input name="username" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">登录名：</td>
                  <td><input name="loginName" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">密码：</td>
                  <td><input name="password" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">身份证号码：</td>
                  <td><input name="gmsfhm" type="text"></td>
                </tr>
                <tr>
                  <td class="title">电子邮箱：</td>
                  <td><input name="email" type="text"></td>
                </tr>
                <tr>
                  <td class="title">电话号码：</td>
                  <td><input name="telePhone" type="text"></td>
                </tr>
                <tr>
                  <td class="title">手机号码：</td>
                  <td><input name="mobilePhone" type="text"></td>
                </tr>
                <tr>
                  <td class="title">系统名称：</td>
                  <td><input name="sysName" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">是否虚拟用户：</td>
                  <td>
                    <select id="">
                      <option>请选择</option>
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td class="title">描述：</td>
                  <td><textarea name="note" type="text"></textarea></td>
                </tr>
              </tbody>
            </table>
          </form>          
        </div>
       <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary">确定</button>
        </div>
      </div>
    </div>    
  </div>
  <!-- form 表单弹框 新增addForm  end -->

  <!-- form 表单弹框 编辑editForm start-->
  <div class="modal fade" id="editForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h5 class="modal-title" id="myModalLabel">修改用户</h5>
        </div>
        <div class="modal-body">
          <form>
            <table class="form-table">
              <tbody>
                <tr>
                  <td class="title">用户名称：</td>
                  <td><input name="username" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">登录名：</td>
                  <td><input name="loginName" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">密码：</td>
                  <td><input name="password" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">身份证号码：</td>
                  <td><input name="gmsfhm" type="text"></td>
                </tr>
                <tr>
                  <td class="title">电子邮箱：</td>
                  <td><input name="email" type="text"></td>
                </tr>
                <tr>
                  <td class="title">电话号码：</td>
                  <td><input name="telePhone" type="text"></td>
                </tr>
                <tr>
                  <td class="title">手机号码：</td>
                  <td><input name="mobilePhone" type="text"></td>
                </tr>
                <tr>
                  <td class="title">系统名称：</td>
                  <td><input name="sysName" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">是否虚拟用户：</td>
                  <td>
                    <select id="">
                      <option>请选择</option>
                      <option value="1">是</option>
                      <option value="0">否</option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td class="title">描述：</td>
                  <td><textarea name="note" type="text"></textarea></td>
                </tr>
              </tbody>
            </table>
          </form>          
        </div>
       <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary">确定</button>
        </div>
      </div>
    </div>    
  </div>
  <!-- form 表单弹框 编辑editForm  end -->

  <!-- 删除 start -->
  <div class="modal fade" id="confirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-confirm" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h5 class="modal-title" id="myModalLabel">确认</h5>
        </div>
        <div class="modal-body">
          您确定要删除选择的记录吗？          
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary">确定</button>
        </div>
      </div>
    </div>    
  </div>
  <!-- 删除 end -->

  <!-- 重置密码 start -->
  <div class="modal fade" id="reset-password" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-reset-password" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h5 class="modal-title" id="myModalLabel">确认</h5>
        </div>
        <div class="modal-body">
          <form>
            <table class="form-table">
              <tbody>
                <tr>
                  <td class="title">新密码：</td>
                  <td><input name="newPassword" type="text"><b>*</b></td>
                </tr>
                <tr>
                  <td class="title">确认密码：</td>
                  <td><input name="confirmPassword" type="text"><b>*</b></td>
                </tr>
              </tbody>
            </table>
          </form>          
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
          <button type="button" class="btn btn-primary">确定</button>
        </div>
      </div>
    </div>    
  </div>
  <!-- 重置密码 end -->

  <!-- 分配角色  start-->
  <div class="modal fade" id="role_modal"  role="dialog" >
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h5 class="modal-title">分配角色</h5>
        </div>
        <div class="modal-body">
          <ul id="treeDemo" class="ztree"></ul>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
          <button type="button" class="btn btn-primary">确定</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 分配角色 stop-->

  <script>    
    // 单选框 复选框样式
    // $(document).ready(function () {
    //   $('.i-checks').iCheck({
    //     checkboxClass: 'icheckbox_square-green',
    //     radioClass: 'iradio_square-green',
    //   });
    // });
  </script>
</body>
</html>